<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<div id="rightPan">
	<div id="rightbodyPan">
	
		<script type="text/javascript">
			function select(form){
				//document.getElementById("searchBreedId").value = form.breedNameList.value;
			}
			
			function search(){
				//window.location = "breed2_search.action";
				document.getElementById( 'breed2_search' ).submit();
			}
			
			function edit()
			{
				document.getElementById( 'breed2_edit' ).submit();
			}
		</script>

		<div align="center"><p style=" font-size: 24px; padding: 10px 0 5px 0;" >ข้อมูลพันธุ์สุนัข</p></div>
		<div id="headerTab">
			<a style="width: 70px;" href="<s:url action="breed2_toAdd" namespace="/admin"/>">เพิ่มข้อมูล</a>
			<a style="width: 80px;" href="<s:url action="breed2_get" namespace="/admin"/>">เรียกดูข้อมูล</a>
			<a style="width: 120px;" id="clicked">ค้นหา/แก้ไข ข้อมูล</a>
		</div>
		
		<s:form id="breed2_search" action="breed2_search" theme="simple" method="post">
					
			<table>
				<tr>
					<td style="padding-top: 30px; " id="slabel">ชื่อพันธุ์:</td>
					<td style="padding-top: 30px;">
						<s:select list="nameList" key="breedForm.nameList"
						headerKey="-1" headerValue="" id="breedNameList" onchange="select(this.form);"/>
					</td>
				</tr>
			</table>

			<div align="center" style=" padding-top: 10px;">
				<input onclick="search()" type="button" value="ค้นหา" id="button"></input>
			</div>
			
		</s:form>
		
		<s:form id="breed2_edit" action="breed2_edit" theme="simple" method="post">
			<table>
				<tr>
					<td style="padding-top: 10px; " id="slabel">ชื่อพันธุ์:</td>
					<td style="padding-top: 10px;">
						<s:textfield key="breedForm.breedName" maxLength="100" size="40"/>
					</td>
				</tr>
				<tr>
					<td id="slabel">มาตรฐานน้ำหนัก(กิโลกรัม):</td>
					<td><s:textfield maxlength="3" key="breedForm.minWeight" size="10"/>
					 - <s:textfield maxlength="3" key="breedForm.maxWeight" size="10"/></td>
				</tr>
				<tr>
					<td id="slabel">ขนาดสุนัข:</td>
					<td><s:select list="sizes" key="breedForm.size" value="breedForm.size"
					headerKey="-1" headerValue="- ขนาดสุนัข -"/></td>
				</tr>
				<tr>
					<td id="slabel">ช่วงวัยโตเต็มวัย:</td>
					<td><s:textfield key="breedForm.adultMinAgeYear" maxlength="2" size="5"/> ปี
					  <s:textfield key="breedForm.adultMinAgeMonth" maxlength="2" size="5"/> เดือน</td>
				</tr>
				<tr>
					<td id="slabel">ช่วงวัยชรา:</td>
					<td><s:textfield key="breedForm.seniorMinAgeYear" maxlength="2" size="5"/> ปี
					 <s:textfield key="breedForm.seniorMinAgeMonth" maxlength="2" size="5"/> เดือน</td>
				</tr>
				<tr>
					<td id="slabel">ลักษณะหัวและคอ:</td>
					<td><s:select list="neckShapes" key="breedForm.neckShape" value="breedForm.neckShape"
					headerKey="-1" headerValue="- ลักษณะหัวและคอ -"/></td>
				</tr>
				<tr>
					<td id="slabel">ลักษณะรูปหน้า:</td>
					<td><s:select list="faceShapes" key="breedForm.faceShape" value="breedForm.faceShape"
					headerKey="-1" headerValue="- ลักษณะรูปหน้า -"/></td>
				</tr>
			</table>

			<div align="center" style=" padding-top: 10px;">
				<input onclick="edit()" type="button" value="แก้ไข" id="button"></input>
			</div>
			
		</s:form>
						
	</div>
</div>